<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title></title>
        <meta name="description" content="">
        <meta name='keywords' content='' />
        <meta name='author' content='' />

        <!-- Initialise advanced UI (Javascrip enabled) -->
        <script>document.documentElement.className = 'advanced';</script>

        <!-- Mobile viewport optimized: h5bp.com/viewport -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
        <link rel='icon' type='image/png' href='graphics/favicon.ico' />

        <!-- Boilerplate first then onto Base styles (Mobile First) and then other media queries  -->
        <!-- ems not PX. Calculate here http://pxtoem.com/ -->
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/boilerplate.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/style.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/components.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/stars.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/google_map.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/forms.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/main.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/min-30.css" media="only screen and (min-width: 30em)">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/min-48.css" media="only screen and (min-width: 48em)">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/desktop.css" media="only screen and (min-width: 73.125em)">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/high-res.css" media="print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)">

        <script src="<?= base_url() ?>assets/js/libs/modernizr-2.6.2.min.js"></script>


        <!--Internet Explorer up to version 8.0 can't read HTML5 tags properly, you can't style them.-->
        <!--[if lt IE 9]>
                 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <body>
        <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
         chromium.org/developers/how-tos/chrome-frame-getting-started -->
    <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->


        <? $this->load->view('header') ?>

        <?= $contents; ?>

        <? $this->load->view('footer') ?>

        <? $this->load->view('scripts') ?>

    </body>
</html>